<template>
	<div class="a">
		
		
		<van-swipe-cell v-for="item in 5">	
		  <div class="b">
		      <div class="c">
		      	<span class="spot"></span>
		      	<img src="../../../../static/img/2.jpg" alt="" class="img"/>
		      </div>  
		      <div class="d">
		      	 <div class="e">
		      	 	<div class="e1">234</div>
		      	 	<div class="e2">456</div>
		      	 	<div class="e3">1111</div>
		      	 </div>
		      	 <div class="f">
		      	 	<img src="../../../../static/img/4.jpg" alt="" class="img1"/>
		      	 </div>
		      </div>      
		  </div>
		
		  <template slot="right">
		    <van-button square type="danger" text="删除" style="height: 60px;"/>
		  </template>
		</van-swipe-cell>			
		
		
		
		
		
		
		
		
		
		
		
		
        <!--<div class="b" v-for="item in 8">
          <div class="c">
          	<img src="../../../../static/img/b.jpg" alt="" class="img"/>
          </div>
          <div class="d">
          	 <div class="e">
          	 	<div class="e1">蔚蓝北海猫</div>
          	 	<div class="e2">你有一条新消息</div>
          	 	<div class="e3">7天前</div>
          	 </div>
          	 <div class="f">
          	 	<img src="../../../../static/img/2.jpg" alt="" class="img1"/>
          	 </div>
          </div>
        </div> 
        
        <div class="b">
          <div class="c">
          	<span class="g"></span>
          	<img src="../../../../static/img/timg.jpg" alt="" class="img"/>
          </div>
          <div class="d">
          	 <div class="e">
          	 	<div class="e1">我关注的</div>
          	 	<div class="e2">亚喵月月亚喵月月亚喵月月亚喵月月亚喵月月亚喵月月亚喵月月</div>
          	 	<div class="e3">7天前</div>
          	 </div>
          	 <div class="f">
          	 	
          	 </div>
          </div>
        </div> -->
		
	</div>	
</template>

<script>
import {getFun} from '@/api/publicFun.js'	 
let publicFun=getFun()	
export default {	
	data() {
       return {
    
       }
	},
	methods: {	

	},
	mixins:[publicFun],//混入		
	mounted() {
	}
}	
</script>

<style scoped="" lang="scss">
.b.active{background: #fcf6db}
.b{display: flex;padding: 10px 0 10px 10px;background: #fff;}
.c{padding-right: 10px;position: relative;}
.img{height: 60px;width: 60px;display: block;border-radius: 5px;}
.d{flex: 1;padding-right: 10px;display: flex;}
.e{flex: 1;height: 60px;}
.e1{font-size: 18px;font-weight: bold;}
.e2{color: $common-color3;}
.e3{color: $common-color3;}
.f{width: 60px;}
.img1{height:60px;width: 60px;display: block}
.g{height: 6px;width: 6px;border-radius: 50%;right: 10px;
background: $common-color4;position: absolute;top: -3px;}
.spot{position: absolute;width: 6px;height: 6px;border-radius: 50%;background: red;top: -3px;right: 8px;}

</style>